<div class="content-section introduction ">
    <div>
        <span class="feature-title">值班管理<span class="gt">&gt;</span>当日值班  </span>
    </div>
</div>
<div class="content-section implementation">
    <div class="ui-grid ui-grid-responsive ui-grid-pad ui-fluid bg">
        <div class="ui-grid-row row_bottome">
            <div class="ui-grid-col-3"></div>
            <div class="ui-grid-col-6 text_aligin_c">
                <h3 class="">当日值班人员</h3>
                <span>{{ currentTime }}</span>
            </div>
            <div class="ui-grid-col-3"></div>
        </div>
        <div class="ui-col-row ">
                <p-organizationChart id="organazatioTree" [value]="data1" selectionMode="single" [(selection)]="selectedNode" (onNodeSelect)="onNodeSelect($event)">
                    <ng-template let-node pTemplate="person">
                        <div class="my-center-text">
                            <div class="ui-corner-top header_wraper" [style.background]="node.color" >{{node.label}}</div>
                            <div class="node-content" [style.border-color]="node.color">
                                <img [src]="node.per_data.photo1 | safeHtml " width="32">
                                <div>{{node.per_data.name}}</div>
                            </div>
                        </div>
                    </ng-template>
                </p-organizationChart>
        </div>
        <div class="ui-g" *ngIf="display">
            <h3>当日无值班！</h3>
        </div>
    </div>

</div>
